<template>
    <div id="Notify">
        <div class="fl jx-part-left" >
            <NotificationNav />
        </div>
        <div class="fl jx-part-right">
            <router-view :websockMsg="websockMsg"></router-view>
        </div>
    </div>
</template>

<script>
    import NotificationNav from '@/components/NotificationNav.vue'
    export default {
        props: ['websockMsg'],
        components: {
            NotificationNav
        },
        data() {
            return {

            }
        }
    }
</script>
<style lang="scss" scoped>
    @import "./../../styles/layout/color_variables";
    #Notify {
        width: $width;
        margin: 20px auto;
        color: #727272;
        overflow: hidden;
        .jx-part-left{
            width: 210px;
            background: #fff;
            height: 700px;
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
            border-radius: 5px;
            margin-top: 30px;
            padding: 20px 10px;
        }
        .jx-part-right{
            margin-left: 20px;
            width: 910px;
            background: #fff;
            min-height: 680px;
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
            border-radius: 5px;
            margin-top: 30px;
            padding: 30px 10px;
        }
    }
</style>
